import { createApp } from 'vue'
import App from './App.vue'
import en from '@/locales/en'
import zh from '@/locales/zh-CN'
import { createI18n } from 'vue-i18n'
import router from './router'
import store from './store'
import ElementPlus from 'element-plus'
import 'element-plus/dist/index.css'
import * as ElementPlusIconsVue from '@element-plus/icons-vue'


// 合并语言配置
const messages = {
  en,
  zh
}

// 创建 VueI18n 实例
const i18n = createI18n({
  locale: 'zh-Cn', // 默认语言
  fallbackLocale: 'en', // 回退语言
  messages // 语言包
})
// 设置 1rem = 10px
// document.documentElement.style.fontSize = '100px'

// 创建应用实例
const app = createApp(App)

// 全局注册全部图标
for (const [key, component] of Object.entries(ElementPlusIconsVue))

  app.component(key, component)


// 使用插件
app.use(i18n)
app.use(store)
app.use(router)
app.use(ElementPlus)

// 挂载到 DOM
app.mount('#app')
